:root {
	--base-color: #fff;
	--base-hover-color: #409eff;
	--base-activce-color: #ecf5ff;
	// 基础背景色
	--base-background-color: #fff;
	// active色
	--base-background-actice-color: #ecf5ff;
	// 基础aside背景色
	--base-aside-background-color: #141414;
	// 基础文本色
	--base-text-color: #000;
	// 基础阴影色
	--base-box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);
	// 基础border色
	--base-border-color: rgb(253 253 253 / 12%);  
}

.light {
	--base-color: #fff;
	--base-activce-color: #ecf5ff;
	--base-hover-color: #409eff;
	--base-background-color: #fff;
	--base-background-actice-color: rgba(64,158,255,0.1);
	--base-aside-background-color: #fff;
	--base-text-color: #000;
	--base-box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);
	--base-border-color: #f0f0f0;	
}

.dark {
	--base-color: #293146;
	--base-activce-color: #409eff;
	--base-hover-color: #409eff;
	--base-background-color: #293146;
	--base-background-actice-color: #409eff;
	--base-aside-background-color: #293146;
	--base-text-color: #fff;
	--base-box-shadow:0 1px 2px 0 rgba(255, 255, 255, 0.03),0 1px 6px -1px rgba(255, 255, 255, 0.02),0 2px 4px 0 rgba(255, 255, 255, 0.02);
	--base-border-color: rgb(253 253 253 / 12%);
}